
/* banner轮播 */
/* .bannerBox{width: 100%;height: 560px;} */
.bannerBox .swiper-slide img{width: 100%;height: 100%; display: block;}
.swiper-container { width: 100%;height: 100%;}
.swiper-container .arrow{background-color: transparent;background-image: initial;width: 40px;height: 80px;line-height: 80px;text-align: center;color: #fff;font-size: 70px;border-radius: 5px;text-shadow:  0 3px 5px rgba(0,0,0,0.3);}
.bannerBox .swiper-container .swiper-button-next{right: 10%;}
.bannerBox .swiper-container .swiper-button-prev{left: 10%;}
.bannerBox .swiper-pagination-bullet{width: 10px;height: 10px;}
.bannerBox .swiper-pagination-bullet-active{background-color: #52b00f;}
.bannerBox:hover .swiper-container .arrow{display: block;}
/* .swiper-container .arrow:hover{opacity: 1;} */

.bannerBox .video{width: 100%;background: url(../images/banner-bj.png) no-repeat center top/100% auto;line-height: 0;}
.bannerBox video{width: 100%;filter: brightness(0.85);}
.bannerBox .video .texbox{display: block;
    color: #fff;
    font-size: 66px;
    text-align: center;
    top: 36%;position: absolute;left: 50%;z-index: 2;transform: translateX(-50%); z-index: 9;line-height: 110px;width: 1200px;letter-spacing: 6px;}
.bannerBox .video .texbox .tex2{text-transform: uppercase;font-size: 16px;color: #fff;font-weight: normal;letter-spacing:3px;line-height: 24px;}

.ind_box1{height: 130px;border-radius: 8px;position: absolute;top: -65px;left: 0;right: 0;z-index: 10;background-color: #fff;padding: 30px 30px;box-shadow: 0 3px 10px rgba(58,74,96,0.1);}
.ind_box1 .item{width:25%;height: 69px;float: left;transition: all 0.4s;}

.ind_box1 .item .num{font-size: 36px;margin-bottom: 5px;line-height:36px;overflow: hidden;font-family: "Impact";text-shadow: 0 4px 4px rgba(67,142,238,0.34); color: #215ba5;}
.ind_box1 .item .num .sm{margin-left: 5px;font-size: 15px;}
.ind_box1 .item p{color: #999;font-size: 15px;}
.ind_box1 .item:hover{ transform: scale(1.1);}

.ind_box2{background: url(../images/ind-img1.png) no-repeat 0 0/100% 100%;padding-top:85px;}
.ind_box2 .introd{line-height: 32px;font-size: 16px;}

@-webkit-keyframes rotate {
  from { -webkit-transform: rotate(0deg) }
  to { -webkit-transform: rotate(360deg) }
}
@-moz-keyframes rotate {
  from { -moz-transform: rotate(0deg) }
  to { -moz-transform: rotate(359deg) }
}
@-o-keyframes rotate {
  from { -o-transform: rotate(0deg) }
  to { -o-transform: rotate(359deg) }
}
@keyframes rotate {
  from { transform: rotate(0deg) }
  to { transform: rotate(359deg) }
}
.rotate { -webkit-animation-name: rotate; animation-name: rotate }


/* 第三版 */
.ind_box2 .cont3 .left{width: 660px;}
.ind_box2 .data3 li{width: 48.5%;float: left;padding-left: 90px;position: relative;height: 80px; margin-bottom: 20px;}
.ind_box2 .data3 li:nth-child(2n){float: right;}
.ind_box2 .data3 li .icon{width:76px;height:76px;margin: 0 auto;position:absolute;left: 0;top: 0;}
.ind_box2 .data3 li .icon .bj{width: 100%;height: 100%;-webkit-transition-property: -webkit-transform; -webkit-transition-duration: 2s; -moz-transition-property: -moz-transform; -moz-transition-duration: 2s; -webkit-animation: rotate 8s linear infinite; -moz-animation: rotate 8s linear infinite; -o-animation: rotate 8s linear infinite; animation: rotate 8s linear infinite; display: block;}
.ind_box2 .data3 li .icon span{width: 60px;height:60px;border-radius: 50%;color: #fff;background-image: linear-gradient(to bottom, #215ba5,#0f8bd6);border-radius: 50%; display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);line-height: 60px;text-align: center;font-size:26px;font-weight: bold;box-shadow: 0 3px 6px rgba(87,169,253,0.5);}
.ind_box2 .data3 li .box{height: 80px;padding: 12px 0;}
.ind_box2 .data3 li .tit{font-size: 18px;line-height: 24px;font-weight: normal;}
.ind_box2 .data3 li .tit em{font-size: 22px;font-weight: bold;color: #215ba5;}
.ind_box2 .data3 li .text{color: #777;margin-top: 8px;font-size: 13px;line-height: 16px;}
.ind_box2 .cont3 .imgs .tt{width: 320px;height: 180px;border: 5px solid #fff;display:block;float: left; overflow: hidden; box-shadow: 0 3px 10px rgba(100,100,100,0.25);}
.ind_box2 .cont3 .imgs .tt img{width: 100%;height: 100%; display: block;transition: all 1s;}
.ind_box2 .cont3 .imgs .tt:hover img{transform: scale(1.05);}


.ind_box2 .cont3 .right{width: 500px;height: 500px;background: rgba(15,127,208,0.8);padding: 30px 25px; color: #fff;box-shadow: 0 5px 15px rgb(8 99 165 / 30%)}

.ind_box2 .cont3 .right .tit{padding-bottom: 15px;}
.ind_box2 .cont3 .right .tit::after{content: '';width: 60px;height: 3px;background: #fff;position: absolute;left: 0;bottom: 0;}
.ind_box2 .cont3 .right .text{line-height: 32px; height:256px;overflow: hidden;margin-top: 30px;}
.ind_box2 .cont3 .right .btn{width: 120px;height: 40px;line-height: 38px;color: #fff; border: 1px solid #fff;display: block;margin-top:40px;}
.ind_box2 .cont3 .right .btn:hover{background:rgba(255,255,255,0.8); color: #215ba5;}


.ind_box3{background: url(../images/ind-img3.png) no-repeat 0 0/100% 100%; min-width: 1200px;}

.ind_box3 li{width: 20%;height: 550px;float: left;transition: all 0.2s; cursor: pointer; color: #fff;position: relative;}
.ind_box3 li .bj{width: 100%;height: 100%;}
.ind_box3 li .bj img{width: 100%;height: 100%;}
.ind_box3 li .box{width: 100%;height: 100%;position: absolute;left:0;top:0;right: 0;bottom:0;z-index: 1;padding: 30px 15px;display:flex;align-items:center;justify-content:center;}
.ind_box3 li .box .con{display: inline-block;vertical-align: middle; white-space: normal;}

.ind_box3 li .num{font-size: 60px;line-height: 44px;color: #fff; font-weight: normal;}
.ind_box3 li .tit{font-size: 30px;line-height: 30px;font-weight: normal; margin-top: 30px;}
.ind_box3 li .xian{width: 90px;height: 1px;background: #b5b5b5;margin: 30px auto 20px auto;}
.ind_box3 li .infor{line-height: 34px;height: 150px; display: none;}
.ind_box3 li .infor p{font-size: 16px;position: relative;}
.ind_box3 li .infor p::before{content: '\e612';padding-right: 5px;width: 18px;height: 30px;}
.ind_box3 li:hover{box-shadow: 0 20px 30px -14px rgba(24, 48, 85, 1); color: #fff;transform: scale(1.1);position: relative;z-index: 2; display: block;}
.ind_box3 li:hover .box{background:url(../images/ind_fivebj.png) no-repeat 0 0/100% 100%;}
.ind_box3 li:hover .infor{display: block;}
.ind_box3 li:hover .num{font-size: 40px;}
.ind_box3 li:hover .tit{font-size: 22px;}
.ind_box3 li:hover .xian{background: #fff; margin-top: 20px;}

.ind_box4{background: url(../images/ind-img3.2.png) no-repeat 0 0/100% 100%;}
.ind_box4 li{width: 400px;height: 300px;overflow: hidden; float: left;position: relative;background: #215ba5;}
.ind_box4 li::after{content: '';position: absolute;top: 0;right: 0;bottom: 0;background: red;}
.ind_box4 li img{width: 100%;height: 100%; display: block;opacity:0.5;transition: all 1s; }
.ind_box4 li .tit{min-width: 250px;height:50px;line-height:50px;background: url(../images/ind-icon4.png) no-repeat 0 0/100% 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size:18px;color: #fff;padding: 0 30px;overflow: hidden;}
.ind_box4 li:hover{position: relative;z-index: 1;}
.ind_box4 li:hover img{transform: scale(1.06);opacity:1;}

.ind_box4 .cont2 .left,.ind_box4 .cont2 .right{width: 300px;height: 595px; overflow: hidden;}
.ind_box4 .cont2 .middle{margin: 0 15px;width: 570px;height: 595px;}
.ind_box4 .cont2 .top .item{width: 278px;height: 290px;overflow: hidden;}
.ind_box4 .cont2 .top .item:nth-child(2n){ margin-left: 14px;}
.ind_box4 .cont2 .bottom{width: 100%;height:290px;}
.ind_box4 .cont2 .box{position: relative; overflow: hidden;background-color: #eee;}
.ind_box4 .cont2 .box:hover img{transform: scale(1.1);}

.ind_box4 .cont2 img{width: 100%;height: 100%; display: block;transition: all 1s;}
.ind_box4 .cont2 .tit{width: 100%;padding: 0 15px;height: 50px;line-height: 50px;background: rgba(0,0,0,0.5); color: #fff;font-size: 16px;position: absolute;left: 0;right: 0;bottom: 0;}



.morebtn2{width: 160px;height:48px;line-height: 46px;text-align: center;border: 1px solid #215ba5;color: #215ba5; display: block;margin: 0 auto;box-shadow: 0 3px 10px rgba(0,0,0,0.08);}
.morebtn2:hover{background: linear-gradient(to bottom, #56a7ec,#4172b1);color: #fff;border: 0;}

.ind_box5{background: url(../images/ind-img10.png) no-repeat 0 0/100% 100%;}
.ind_box5 li{width: 16.6667%;float: left;position: relative;}
.ind_box5 li .bj{width:100%;height:178px;margin: 0 auto;}
.ind_box5 li .infor{position: absolute ;left: 0;right: 0;top:35px;bottom: 0;}
.ind_box5 li .infor .icon{width: 57px;height: 58px;display: block;margin: 0 auto;-o-transition: all .3s ease;transition: all .3s ease;}
.ind_box5 li .infor .tit{color: #fff;font-size: 18px;margin-top: 20px;transition: all .3s ease;}
.ind_box5 li:hover .infor .icon{ animation: flipInY 1.5s }
.ind_box5 li:hover .tit{font-size: 20px;}

.ind_box6{background: url(../images/ind-img23.png) no-repeat 0 0/100% 100%;}
.ind_box6 .item{width: 380px;height: 340px;overflow: hidden;float: left;margin: 0 30px 30px 0;background-color: #fff;transition: all 1s;}
.ind_box6 .item:nth-child(3n){margin-right: 0;}
.ind_box6 .item .pic{width: 100%;height: 216px;overflow: hidden;}
.ind_box6 .item .pic img{width: 100%;height: 100%; display: block;transition: all 1s;}
.ind_box6 .item .infor{padding: 15px 15px;}
.ind_box6 .item .tit{height: 30px;line-height:30px; font-size:18px; margin-bottom: 10px;}
.ind_box6 .item .btn{width: 100px;height:34px;line-height: 32px;border: 1px solid #215ba5; color: #215ba5;font-size: 14px; display: block;justify-content: center; display: flex;align-items: center;}
.ind_box6 .item .btn::after{content: '\e6c0'; font-size: 18px;line-height: 30px; margin-left: 5px;}
.ind_box6 .item .time{color: #999;font-size: 15px;line-height: 34px;}

.ind_box6 .item .text{font-size: 15px;line-height: 24px;color: #999;} 
.ind_box6 .item:hover{background: #215ba5;outline: 2px solid #215ba5; color: #fff;transform: translateY(-8x);box-shadow: 0 15px 26px 0px rgba(0, 0, 0, .2);}
.ind_box6 .item:hover .tit,.ind_box6 .item:hover .text{color: #fff;}
.ind_box6 .item:hover .pic img{transform: scale(1.1);}
.ind_box6 .item:hover .btn{border-color: #fff;color: #fff;}
.ind_box6 .item:hover .time{color: #fff;}


.ind_box7 .cont .item{width: 150px;margin-right: 60px;position: relative;float: left;}
.ind_box7 .cont .item::after{content: '';width: 55px;height: 56px;background: url(../images/ind-icon27.png) no-repeat 0 0/100% 100%;position: absolute;right: -58px;top: 60px;}
.ind_box7 .cont .item:last-child{margin-right: 0;}
.ind_box7 .cont .item:last-child::after{display: none;}
.ind_box7 .cont .item .icon{width: 100%;height: 181px; color: #fff;font-size: 44px;line-height: 110px;background: url(../images/ind-icon26.png) no-repeat 0 0 /100% auto;padding-top: 20px;transition: all 0.8s;}
.ind_box7 .cont .item:hover .icon{background-image: url(../images/ind-icon26.1.png);animation: flipInY 1.5s}

.ind_box8{background: url(../images/ind-img26.png) no-repeat 0 0/100% 100%;}
.ind_box8 .item{width: 370px;height: 360px;background: url(../images/ind-img28.png) no-repeat 0 0/100% 100%;padding: 50px 25px 20px 25px;box-shadow: 0 5px 13px rgba(48,52,60,0.65);float: left;margin-right: 45px;transition: all 0.6s;}
.ind_box8 .item:last-child{margin-right: 0;}
.ind_box8 .item .icon{width: 90px;height: 90px;border: 5px solid #6282ba;border-radius: 50%;background: #fff;line-height: 80px;margin: 0 auto; color: #215ba5;font-size: 40px;}
.ind_box8 .item .tit{font-size: 22px;text-shadow: 0 3px 5px rgba(0,0,0,0.12);font-weight: normal;margin: 40px auto 35px auto;}
.ind_box8 .item .text{font-size: 16px;line-height: 32px;text-shadow: 0 3px 5px rgba(0,0,0,0.12);}
.ind_box8 .item:hover {margin-top: -8px;transform: scale(1.05);box-shadow: 0 8px 20px rgba(48,52,60,0.85);}

.ind_box9 .left{width: 560px;}
.ind_box9 .left .videobox{width: 542px;height: 320px;background: url(../images/ind-icon28.png) no-repeat 0 0/100% 100%;padding: 19px 71px 51px 71px;}
.ind_box9 .left .videobox img{width: 100%;height: 100%;}
.ind_box9 .left .videobox .video{width: 400px;height: 250px;overflow: hidden;background: #000;position: relative;}
.ind_box9 .left .videobox .video .video-img{width: 100%;height: 100%; display: block; position: absolute;top: 0;bottom: 0;width: 100%;z-index: 1;cursor: pointer;}
.ind_box9 .left .videobox .btn{width:60px;height: 60px;display: block; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2}
.ind_box9 .left .videobox video{width: 100%;height: 100%; display: block;}
.ind_box9 .right{width: 620px;}
.ind_box9 .right li{padding: 10px 0;border-bottom: 1px dashed #e1e1e1;}
.ind_box9 .right .pic{width: 220px;height: 130px;overflow: hidden;position: relative;float: left;}
.ind_box9 .right li a{display: block;overflow: hidden;}
.ind_box9 .right .pic .xian{position: absolute;left: 10px;top: 10px;right: 10px;bottom: 10px;background: url(../images/ind-img31.png) no-repeat 0 0 /100% 100%; z-index: 1;}
.ind_box9 .right .pic img{width: 100%;height: 100%; display: block;transition: all 1.2s ease;}
.ind_box9 .right .infor{padding-left: 10px;float: right;width:63.5%;}
.ind_box9 .right .tit{font-size: 16px;line-height: 24px;margin-bottom: 10px;}
.ind_box9 .right .text{font-size: 14px;line-height: 24px;color: #999;height: 48px;margin-bottom: 20px;}
.ind_box9 .right .time{color: #999;font-size: 13px;}
.ind_box9 .right li:hover .img{transform: scale(1.1);}
.ind_box9 .right li:hover .tit,.ind_box9 .right li:hover .text,.ind_box9 .right li:hover .time{color: #215ba5;}


.ind_box10{width: 100%;background: url(../images/ind-img32.png) no-repeat 0 0/100% 100%;padding:50px 0 50px 0;}
.ind_box10 .text{width: 1000px;margin: 0 auto;font-size: 16px;line-height: 36px; margin-top: 20px;}

.ind_box10 .swiper-container{padding:20px 0 50px 0;}
.ind_box10 .swiper-container .swiper-wrapper{padding: 40px 0;align-items: center;}
.ind_box10 .swiper-slide{width: 100%;height: 100%;text-align: center;font-size: 18px;border: 5px solid #fff;
      text-align: center;
      font-size: 18px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;}
.ind_box10 .swiper-slide img{width: 100%; height: 100%; display: block;}	
.ind_box10 .swiper-slide-active{transform: scale(1.3);position: relative;z-index: 2;}
.ind_box10 .cont .arrow{font-size: 40px;width: 40px;height: 60px;line-height: 60px;transform: translateY(-50%);}
.ind_box10 .cont .swiper-button-prev{left: -60px;}
.ind_box10 .cont .swiper-button-next{right: -60px;}
.ind_box10 .phone{width: 290px;height: 50px;line-height: 50px;padding: 0 15px;font-size: 18px;color: #fff;background-color: #ffa801; display: block;margin: 0 auto;box-shadow: 0 3px 10px rgba(0,0,0,0.15);border-radius: 30px; transition: all 0.3s;}
.ind_box10 .phone:hover{background-color: #e59700; transform: scale(1.05);}


.ind_box11 li{float: left;width: 160px;height: 76px;overflow: hidden;border: 1px solid #E1E1E1;margin: 0 13px 13px 0;}
.ind_box11 li:nth-child(7n){margin-right: 0;}
.ind_box11 li img{width: 100%;height: 100%; display: block;transition: all 1.2s;}
.ind_box11 li:hover img{transform: scale(1.1);}

.ind_box11 li:hover{box-shadow: 0 5px 10px rgba(0,0,0,0.15);}

/* 页码 */
.allPages li{display: inline-block;font-size: 15px;}
.allPages li span{margin: 5px 10px; height: 30px;line-height: 30px;display: inline-block; cursor: pointer;position: relative;}
.allPages li span.on{color: #DDB65C;}
.allPages li span.on::after{content: '';width: 15px; height: 2px;background: #DDB65C;position: absolute; bottom: -3px;left: 50%;transform: translateX(-42%);}
.allPages li span:hover{color: #DDB65C;}



